import React, { Component } from 'react'
import {Popover,Avatar, Divider} from 'antd'
import {
    QqOutlined,
    WechatOutlined
  } from '@ant-design/icons';
import '../static/style/components/author.css'
const QQ=(
    <div>QQ:1146517604</div>
);
const Wechat=(
    <div>WECHAT:whu_lsc</div>
);
export default class Author extends Component {
    
    render() {
        return (
            <div className="author-div comm-box">
                <div> <Avatar size={100} src='http://ent.cctv.com/20070227/images/1172568279754_post-321771-1171517602_r.jpg'></Avatar></div>
                <div className='author-introduction'>
                    这是一个前端的菜鸟，希望找到实习哈哈哈，所以自己建立了一个blog记录生活和学习
                    <Divider>社交账号</Divider>
                    <Popover content={QQ} className='accountInfo'>
                        <Avatar size={28} icon={<QqOutlined />} className="account"></Avatar>
                    </Popover>,
                    <Popover content={Wechat} className='accountInfo'>
                        <Avatar size={28} icon={<WechatOutlined />} className="account"></Avatar>
                    </Popover>
                </div>
            </div>
        )
    }
}
